<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>果果街</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/district.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.json-2.2.min.js"></script>

<script type="text/javascript" src="js/login/login.js"></script>
<link href="css/public.css" rel="stylesheet" type="text/css" />
<link href="css/login.css" rel="stylesheet" type="text/css" />
<link href="css/login_css/login.css" rel="stylesheet" type="text/css" />
<link href="css/login_css/public.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="css/home_css/home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.ba-hashchange.js"></script>
<style type="text/css">
	label.error{
		background-image:url("images/login_images/cuowu.jpg");
		font-size: 12px;
		background-repeat: no-repeat;
		padding-left: 15px;
		line-height: 15px;
		margin-left: 3px;
	}
	label.validate_success{
		background-image:url("images/login_images/zhengque.gif");
		margin-left: 3px;
	}
	
</style>
<script type="text/javascript">

</script>
</head>
<body>
	<div class="box">

		<div class="head">
			<div class="logo">
				<img src="images/login_logo.gif" />
			</div>
			<div class="login_enter">
			 <a href="enterLogin.ajax">回家（登录）</a>
			</div>
			<div class="clear"></div>
		</div>
	

		<div class="content" id="content">
			<div class="login_title">欢迎在果果街建家，请在下面填写您的基本信息。</div>
			<div class="login_forms">
			<form action="" id="register_form">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="151" align="right">家的昵称：</td>
						<td width="362"><input class="inputText" type="text" name="nickname" id="nickname" validate="{required:true,maxlength:24,messages:{required:'请输入家昵称',maxlength:'家的昵称应少于24字符'}}"/>
						</td>
					</tr>
					
					<tr>
						<td align="right">所在地区：</td>
						<td><table width="100%" border="0" cellspacing="0"
								cellpadding="0">
								<tr>
									<td height="36" width="19%">
									<select class="inputbj" style="width: 100px;" name="province" id="province"  >
									</select>
									</td>
									<td width="19%"><select style="width: 100px;" class="inputbj" name="city" id="city">
										<option value="">请选择</option>
									</select>
									</td>
									<td width="62%"><select style="width: 100px;" class="inputbj" name="district" id="district">
										<option value="">请选择</option>
									</select>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td align="right">邮箱：</td>
						<td><input class="inputText" type="text" name="email" id="email" />
						</td>
					</tr>
					<tr>
						<td align="right">户主（你的姓名）：</td>
						<td><input class="inputText" type="text" name="username" id="username"/>
						</td>
					</tr>
					
					<tr>
						<td align="right">家庭角色：</td>
						<td><table width="100%" border="0" cellspacing="0"
								cellpadding="0">
								<tr>
									<td width="6%"><input name="role" type="radio" value="01"  checked="checked"/>
									</td>
									<td width="20%">爸爸</td>
									<td width="5%"><input name="role" type="radio"  value="02"/>
									</td>
									<td width="69%">妈妈&nbsp;&nbsp;<label for="role" generated="true" class="error" style="display: none;"></label></td>
								</tr>
							</table>
						</td>
					</tr>
					
					<tr>
						<td align="right">钥匙（密码）：</td>
						<td><input class="inputText" type="password" id="password" name="password" />
						</td>
					</tr>
					
					
					<tr>
						<td align="right">重复钥匙（重复密码）：</td>
						<td>
							<input class="inputText" type="password" id="confirmPwd" name="confirmPwd" validate="{required:true,equalTo:'#password',messages:{equalTo:'2次密码输入不符'}}" />
						</td>
					</tr>
					
					
					<tr>
						<td align="right">宝宝信息：</td>
						<td><table width="100%" border="0" cellspacing="0"
								cellpadding="0">
								<tr>
									<td width="6%"><input name="hasBaby" type="radio" value="1" />
									</td>
									<td width="20%">已有宝宝</td>
									<td width="5%"><input name="hasBaby" type="radio"  value="0" />
									</td>
									<td width="69%">创造中...</td>
								</tr>
							</table>
						</td>
					</tr>
					
					<tr>
						<td colspan="2"  id="register_baby_info_wrap">
							
							
						</td>
					</tr>
					
					
					<tr id="register_add_cancel_baby">
						<td align="right" style="line-height: 24px;">&nbsp;</td>
						<td style="line-height: 24px;"><table width="100%" border="0"
								cellspacing="0" cellpadding="0" height="20">
								<tr>
									<td width="5%" style="line-height: 24px;"><img
										src="images/login_increase.gif" alt="" width="17" height="17" />
									</td>
									<td width="26%" style="line-height: 24px;"><a class="ys1"
										href="javascript:void(0)"  id="register_add_baby">添加宝宝</a>
									</td>
									<td width="69%" style="line-height: 24px;"><a class="ys2"
										href="javascript:void(0);" id="register_cancel_baby" >取消</a>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td align="right"><input type="checkbox" name="checkbox" checked="checked"
							id="checkbox" validate="{required:true,messages:{required:'请接受服务条款'}}" />
						</td>
						<td>已经认真阅读并同意果果街的<a class="ys3" href="javascript:void(0);">《使用协议》</a> &nbsp;<label for="checkbox" generated="true" class="error" style="display: none;" >请接受服务条款</label>
						</td>
					</tr>
					<tr>
						<td align="right">&nbsp;</td>
						<td><input class="button" title="注册" type="submit" value="" id="register_add_family" />
						</td>
					</tr>
				</table>
				</form>
			</div>
			<div class="login_notice">
				<div class="title">注册果果街的好处</div>
				<div class="attention">入住果果街，找到你家的小区邻居、亲友家庭，关注他们的动态</div>
				<div class="group">组建家庭圈子，共同活动、结伴出行、快乐生活</div>
				<div class="recommend">得到果果育儿、日志、相册、生活日历等家庭服务和实用软件</div>
				<div class="title">已经是果果街用户了？</div>
				<div class="title">
					<a href="enterLogin.ajax">那就回家（登录）吧>></a>
				</div>
				<div class="difficulty">
					有困难，<a href="contact.ajax">联系我们>></a>
				</div>


			</div>
			<div class="clear"></div>
		</div>



	</div>
	<div id="register_baby_info_table_id"  style="display: none;" >
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="register_baby_info_table">
				<tr>
					<td width="151" align="right">宝宝姓名：</td>
					<td><input class="inputText" type="text" id="babyName1" name="babyName1" maxlength="10"  />
					</td>
				</tr>
				
				<tr>
					<td align="right">宝宝性别：</td>
					<td><table width="100%" border="0" cellspacing="0"
							cellpadding="0">
							<tr>
								<td width="6%"><input name="babySex1" type="radio" value="M" />
								</td>
								<td width="20%">男</td>
								<td width="5%"><input name="babySex1" type="radio" value="F" />
								</td>
								<td width="69%">女</td>
							</tr>
						</table>
					</td>
				</tr>
				
				<tr>
					<td align="right">生日：</td>
					<td><table width="100%" border="0" cellspacing="0"
							cellpadding="0" id="register_birthday">
							<tr>
								<td height="36" width="19%">
								<select name="year" class="inputbj" id="year" >
								</select>
								</td>
								<td width="19%">
								<select name="month" class="inputbj" id="month">
								</select>
								</td>
								<td width="62%">
								<select name="day" class="inputbj" id="day">
								</select>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
	
	<%-- 尾部 --%>
	<div class="foot">
	<div class="w960" ><%@include file="../common/footer.jsp"%></div>
	</div>
	
	
</body>
</html>

